<template>
  <Home>
    <Query />
    <Order />
  </Home>
</template>
<script>
import Order from "@/components/Order/index";
import Home from "@/components/Home/index";
import Query from "@/components/Query/index";

export default {
  data() {
    return {};
  },
  mounted() {},
  components: {
    Order,
    Query,
    Home,
  },
  methods: {
    
  },
};
</script>
<style>
#components-layout-demo-fixed-sider .logo {
  height: 32px;
  margin: 16px;
  background-color: rgba(0, 33, 64, 1);
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
